<template>
  <div class="wrap">
        <div class="wrap-box">
            <div class="box-img">
                <img src="/static/imgs_s03/s03_goldvip.png" alt="">
            </div>
            <div class="box-img-a">
                <img src="/static/imgs_s03/s03_sure.png" alt="">

            </div>
            <div class="box-img-b">
                <img src="/static/imgs_s03/s03_close.png" alt="">
            </div>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .wrap{
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
        }
        .wrap-box{
            width: 375px;
            height: 675px;
            margin: 0 auto;
            position: relative;
        }
        .box-img img{
            width: 288px;
            height: 338px;
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
        }
        .box-img-a img{
            width: 225px;
            height: 59px;
            position: absolute;
            top: 420px;
            left: 72px;
        }
        .box-img-b img{
            width: 40px;
            height: 40px;
            position: absolute;
            top:524px;
            left: 167px;

        }
        
    </style>
